<html id="run-js" windowtype="zotero:run-js">
	<head>
		<title data-l10n-id="runJS-title"></title>
		<link href="chrome://zotero-platform/content/zotero.css" rel="stylesheet"/>
	</head>
	<body>
		<nav>
			<button data-l10n-id="runJS-run" onclick="run()"></button>
			<span id="run-label"></span>
			<button data-l10n-id="runJS-help" id="help-button" onclick="openHelp()"></button>
		</nav>
		
		<main>
			<div class="textbox-container">
				<div class="textbox-header">
					<label id="code-editor-label" data-l10n-id="runJS-editor-label" class="textbox-label"></label>
					<div>
						<label id="run-as-async-label" data-l10n-id="runJS-run-async" for="run-as-async"></label>
						<input id="run-as-async" type="checkbox" onclick="update()">
					</div>
				</div>
				<iframe
						src="chrome://zotero/content/ace/ace.html"
						id="editor-code"
						class="editor-code"
						aria-labelledby="code-editor-label"
				></iframe>
			</div>
			
			<div class="textbox-container">
				<div class="textbox-header result-header">
					<label id="result-label" class="textbox-label" for="result" data-l10n-id="runJS-result"></label>
					<div id="loading-spinner" class="zotero-spinner-16"></div>
				</div>
				<textarea id="result" readonly aria-disabled="true"></textarea>
			</div>
		</main>
		
		<script src="include.js"></script>
		<script src="runJS.js"></script>
	</body>
</html>